<!DOCTYPE html>
<html >
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <meta http-equiv="x-ua-compatible" content="ie=edge">

    <title>Material Design Bootstrap</title>

    <!-- Font Awesome -->
    <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/font-awesome/4.6.0/css/font-awesome.min.css">

    <!-- Bootstrap core CSS -->
    <link href="css/bootstrap.min.css" rel="stylesheet">

    <!-- Material Design Bootstrap -->
    <link href="css/mdb.min.css" rel="stylesheet">

    <!-- Your custom styles (optional) -->
    <link href="css/style.css" rel="stylesheet">
</head>

<body>

<!--导航-->
<header>
</header>
<!--/导航-->

<!-- 主页面布局-->
<main>
    <div class="main-wrapper"> <!-- 主要装饰器 -->
        <div class="container-fluid"> <!-- 全宽布局 -->

            <!--Main carousel 轮播图-->

            <!--/.Main carousel-->

            <h5 class="section-title st-mdb">Bestsellers
                <small>Secondary text</small>
            </h5>

            <!--Featured cards 特色卡-->
            <div class="row"> <!-- 栅格系统 -->

                <!--First column 第一列-->
                <div class="col-md-4">

                </div>
                <!--/First column-->

                <!--Second column 第二列-->
                <div class="col-md-4">

                </div>
                <!--/Second column-->

                <!--Third column 第三列-->
                <div class="col-md-4">

                </div>
                <!--/Third column-->
            </div>
            <!--/Featured cards-->

            <h5 class="section-title st-mdb">Collections <!-- 次级文本 -->
                <small>Secondary text</small>
            </h5>

            <!--Collections--> <! -- 收藏 -- >
            <div class="row">
                <!--First column-->
                <div class="col-md-3">

                </div>
                <!--/First column-->

                <!--Second column-->
                <div class="col-md-3">

                </div>
                <!--/Second column-->

                <!--Third column-->
                <div class="col-md-3">

                </div>
                <!--/Third column-->

                <!--Fourth column-->
                <div class="col-md-3">

                </div>
                <!--/Fourth column-->
            </div>
            <!--/Collections-->

            <h5 class="section-title st-mdb">Additional cards
                <small>Secondary text</small>
            </h5>

            <!--Additional cards-->
            <div class="row">
                <!--First column-->
                <div class="col-md-6">

                </div>
                <!--/First column-->

                <!--Second column-->
                <div class="col-md-6">

                </div>
                <!--/Second column-->
            </div>
            <!--/Additional cards-->

            <h5 class="section-title st-mdb">Products carousel
                <small>Secondary text</small>
            </h5>

            <!--Products carousel-->
            <div class="row">

            </div>
            <!--/Products carousel-->

            <h5 class="section-title st-mdb">Blog
                <small>Secondary text</small>
            </h5>

            <!--Blog card-->
            <div class="row">
                <!--First column-->
                <div class="col-md-4">

                </div>
                <!--/First column-->

                <!--Second column-->
                <div class="col-md-4">

                </div>
                <!--/Second column-->

                <!--Third column-->
                <div class="col-md-4">

                </div>
                <!--/Third column-->
            </div>
            <!--/Blog card-->

        </div>
    </div>
</main>
<!-- /.主页面布局-->

<!--页脚-->
<footer>
</footer>
<!--/页脚-->


<!-- SCRIPTS -->

<!-- JQuery -->
<script type="text/javascript" src="js/jquery-2.2.3.min.js"></script>

<!-- Bootstrap tooltips -->
<script type="text/javascript" src="js/tether.min.js"></script>

<!-- Bootstrap core JavaScript -->
<script type="text/javascript" src="js/bootstrap.min.js"></script>

<!-- MDB core JavaScript -->
<script type="text/javascript" src="js/mdb.min.js"></script>


</body>

</html>